html {
    width:100%;
    font-family:"Hiragino Sans GB","MicroSofr YaHei",arial
}
body {
    text-align:center
}
ul,li,body {
    list-style:none;
    margin:0;
    padding:0
}
a {
    text-decoration:none;
    color:#333
}
a:visited,a:active {
    color:#333
}
a:hover {
    color:#ff552e!important
}
#header {
    position:relative;
    width:1200px;
    height:223px;
    margin:22px auto 0;
    padding-top:10px;
    box-sizing:border-box;
    background-size:100% 100%;
    background-repeat:no-repeat;
    text-align:left
}

#logo {
    width:125px;
    height:42px;
    background-size:100% 100%;
    background-repeat:no-repeat
}

#bangbang {
    position:absolute;
    top:70px;
    left:258px;
    width:160px;
    height:160px;
    background-size:100% 100%;
    background-repeat:no-repeat
}

#header-qrcode {
    position:absolute;
    left:985px;
    top:64px;
    width:200px;
    height:160px;
    padding-left:35px;
    background-size:200px 93px;
    background-position:0 67px;
    background-repeat:no-repeat
}

#header-qrcode-title {
    margin-left:-10px;
    margin-top:6px;
    font-size:12px;
    color:#355090
}
#header-links {
    position:absolute;
    left:468px;
    top:55px;
    width:720px
}
#header-title {
    line-height:16px;
    margin-top:25px;
    color:#666;
    font-size:16px
}
#header-home {
    height:40px;
    margin-top:38px
}
#header-home-btn,#header-tongzhen-btn {
    display:inline-block;
    width:214px;
    height:40px;
    border:1px solid #ff552e;
    border-radius:2px;
    color:#fff;
    font-size:20px;
    font-weight:600;
    background-color:#ff552e;
    text-align:center;
    vertical-align:top;
    box-sizing:border-box;
    clear:both
}
#header-home-btn:hover,#header-tongzhen-btn:hover {
    cursor:pointer
}
#header-tongzhen-btn {
    position:relative;
    margin-left:14px;
    background-color:rgba(255,255,255,0);
    color:#ff552e
}
#header-tongzhen-btn::after {
    content:'';
    display:block;
    position:absolute;
    top:-20px;
    right:-25px;
    width:20px;
    height:20px;
    background-size:100% 100%
}
.header-tongzhen-btn-HD::after {
    background-size:100% 100%
}
#header-home-title,#header-tongzhen-title {
    display:inline-block;
    line-height:38px;
    vertical-align:top
}
#header-arrow {
    display:inline-block;
    width:19px;
    line-height:38px;
    font-size:14px;
    font-weight:400;
    vertical-align:top
}
#header-recommend {
    line-height:16px;
    margin-top:23px;
    color:#333;
    font-size:16px
}
.recommend-city {
    margin:0 8px
}
#hot {
    width:1200px;
    line-height:14px;
    margin:47px auto 0;
    text-align:left
}
#hot-title {
    float:left;
    margin-right:18px;
    color:#ff552e;
    font-size:14px;
    font-weight:600
}
a.hot-city {
    margin:0 10px;
    color:#666;
    font-size:14px
}
#selector {
    width:1200px;
    margin:27px auto 0;
    height:30px;
    text-align:left
}
.selector-title {
    float:left;
    line-height:30px;
    margin-right:29px;
    color:#555;
    font-size:14px;
    font-weight:600
}
.selector {
    float:left;
    cursor:pointer;
    position:relative;
    z-index:10;
    width:118px;
    height:28px;
    margin-right:8px;
    border:solid 1px #DDD;
    border-radius:2px;
    color:#999;
    font-size:14px
}
.selector:hover {
    border-color:#999
}
.selector-result {
    height:28px;
    padding-left:15px;
    line-height:28px;
    font-size:12px
}
.selector-arrow {
    position:absolute;
    top:10px;
    right:10px;
    width:11px;
    height:7px;
    background-size:100% 100%;
    background-repeat:no-repeat
}

.selector-arrow-up {
    transform:rotate(180deg)
}
.selector-box {
    display:none;
    position:absolute;
    top:28px;
    left:-1px;
    width:118px;
    border:solid 1px #DDD;
    font-size:12px;
    background-color:#fff;
    overflow-x:hidden;
    overflow-y:auto
}
.selector-list {
    width:100%;
    height:30px;
    line-height:30px;
    padding-left:15px;
    color:#999;
    box-sizing:border-box
}
.selector-list:hover {
    color:#ff552e;
    background-color:#f8f8f8
}
#selector-city {
    margin-right:39px
}
#selector-btn {
    cursor:pointer;
    float:left;
    width:80px;
    height:30px;
    margin-right:39px;
    line-height:30px;
    border-radius:2px;
    color:#fff;
    font-size:14px;
    background-color:#ff552e;
    text-align:center
}
#selector-search {
    float:left;
    width:168px;
    height:28px;
    border:solid 1px #DDD;
    border-radius:2px;
    overflow:hidden
}
#selector-search-input {
    float:left;
    width:108px;
    height:28px;
    line-height:28px;
    padding:0 0 0 6px;
    border:0;
    outline:0;
    font-size:14px;
    color:#999
}
#selector-search-btn {
    cursor:pointer;
    float:left;
    width:53px;
    height:28px;
    line-height:28px;
    border-left:solid 1px #DDD;
    color:#555;
    font-size:14px;
    text-align:center;
    background-color:#f5f5f5
}
#content {
    width:1200px;
    margin:33px auto 0;
    text-align:left
}
#content-title {
    line-height:16px;
    color:#555;
    font-size:16px;
    font-weight:600
}
#content-box {
    float:left;
    width:1198px;
    margin-top:23px;
    border:solid 1px #eee
}
.content-letter {
    float:left;
    border-bottom:solid 1px #eee
}
.content-letter-panel {
    float:left;
    width:40px;
    height:100%;
    color:#999;
    font-size:18px;
    font-weight:700;
    background-color:#f5f5f5;
    text-align:center
}
.content-province {
    float:left;
    position:relative;
    z-index:1;
    width:1158px
}
.content-province-triangle {
    display:none;
    position:absolute;
    top:50%;
    left:0;
    width:7px;
    height:10px;
    margin-top:-5px;
    background-size:100% 100%;
    background-repeat:no-repeat
}

.content-province-title {
    float:left;
    width:54px;
    height:100%;
    line-height:46px;
    padding-left:16px;
    border-left-style:solid;
    border-right-style:solid;
    border-width:1px;
    border-color:#eee;
    color:#333;
    font-size:16px
}
.content-cities {
    float:left;
    width:1086px;
    padding:12px 0;
    overflow:hidden
}
.content-city {
    display:inline-block;
    line-height:20px;
    color:#333;
    font-size:12px;
    margin:0 12px
}
.content-letter-panle-hover {
    color:#fff;
    background-color:#ff552e
}
.content-province-hover {
    background-color:#f5f5f5
}
.content-province-triangle-hover {
    display:block
}
.clb {
    clear:both
}
#footer {
    margin-top:31px
}
#footer-tongzhen {
    position:relative;
    width:1200px;
    margin:0 auto
}
#footer-tongzhen-bangbang {
    display:inline-block;
    width:45px;
    height:37px;
    margin-right:8px;
    background-size:100% 100%;
    background-repeat:no-repeat;
    vertical-align:middle
}

#footer-tongzhen-title {
    display:inline-block;
    font-size:12px;
    color:#333;
    vertical-align:middle
}
#footer-tongzhen-btn {
    cursor:pointer;
    display:inline-block;
    width:79px;
    height:33px;
    margin-left:12px;
    line-height:33px;
    border-radius:2px;
    border:1px solid #ddd;
    font-size:14px;
    box-sizing:border-box;
    vertical-align:middle
}
#footer-tongzhen-btn::after {
    content:'';
    display:inline-block;
    width:14px;
    height:14px;
    margin-left:4px;
    margin-top:8px;
    background-size:100% 100%;
    background-repeat:no-repeat;
    vertical-align:top
}

#footer-copyright {
    width:1200px;
    margin:32px auto 39px;
    color:#666;
    font-size:14px;
    text-align:center
}
.tongzhen-layer {
    display:none;
    position:absolute;
    z-index:10;
    width:348px;
    height:218px;
    border:1px solid #e7e7e7;
    background:#fff;
    text-align:center;
    box-sizing:border-box
}
.tongzhen-layer::after {
    content:'';
    display:block;
    position:absolute;
    width:10px;
    height:10px;
    border:1px solid #e7e7e7;
    background-color:#fff
}
.tongzhen-layer-title {
    font-size:16px;
    color:#333
}
.tongzhen-layer-message {
    font-size:12px;
    color:#999
}
.tongzhen-iphone {
    position:absolute;
    background-size:100% 100%;
    background-repeat:no-repeat
}

.tongzhen-qrcode {
    position:relative;
    width:120px;
    height:120px;
    border:1px solid #e7e7e7;
    box-sizing:border-box;
    background-image:url(https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQHd8TwAAAAAAAAAAS5odHRwOi8vd2VpeGluLnFxLmNvbS9xLzAyQm9VbDUtMUFlT2oxMDAwMDAwM2MAAgTUBM9aAwQAAAAA);
    background-size:100% 100%;
    background-repeat:no-repeat
}
.tongzhen-qrcode::after {
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    width:30px;
    height:30px;
    margin-left:-15px;
    margin-top:-15px;
    border-radius:3px;
    background-size:100% 100%;
    background-repeat:no-repeat
}

#header-layer {
    left:765px;
    top:154px;
    padding-right:156px;
    padding-top:156px
}
#header-layer::after {
    left:35px;
    top:-6px;
    border-left:none;
    border-top:none;
    transform:rotate(225deg)
}
#footer-layer {
    left:510px;
    bottom:54px;
    padding-left:175px;
    padding-top:153px
}
#footer-layer::after {
    left:170px;
    bottom:-6px;
    border-left:none;
    border-top:none;
    transform:rotate(45deg)
}
#header-layer-iphone {
    left:184px;
    top:-80px;
    width:137px;
    height:287px
}
#footer-layer-iphone {
    left:27px;
    top:-104px;
    height:306px;
    width:146px
}
#header-layer-qrcode {
    position:absolute;
    left:30px;
    top:16px;
    width:130px;
    height:130px
}
#footer-layer-qrcode {
    position:absolute;
    left:198px;
    top:13px;
    width:130px;
    height:130px
}
.tooltip {
    border:1px solid #ccc;
    background:#fff;
    margin:-3px 0 0 -1px;
    *margin:-3px 0 0 0
}
.tooltip li {
    height:28px;
    line-height:28px;
    padding:0 5px;
    overflow:hidden;
    zoom:1
}
.tooltip li a {
    color:#999;
    text-decoration:none
}
.tooltip li a b {
    color:#999;
    font-weight:400
}
.tooltip li .tool_r {
    float:right;
    color:#090;
    font-size:11px
}
.tooltip li.selected a b,.tooltip li.selected a,.tooltip li.selected .tool_r {
    color:#999
}
.tooltip li.selected,.tag_options li.open_hover {
    background:#f2f2f2;
    color:#999
}
#tooltipdiv2 {
    width:114px;
    font-size:14px;
    text-align:left;
    color:#999;
    margin-top:-4px
}
#tooltipdiv2 a:hover {
    color:#999!important
}
